<? $this->response->setContentType("text/css"); ?>
/**
 * Copyright 2007 Melange.
 *
 * This file is part of PHP-MELANGE.
 *
 * PHP-MELANGE is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * PHP-MELANGE is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with PHP-MELANGE; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 *
 * @category    Melange
 * @package     php-melange
 * @subpackage  cms
 * @copyright   Copyright (c) 2007 Jeroen Simons. All rights reserved
 * @author      Jeroen Simons <jeroen@melange.nl>
 * @link        http://www.melange.nl/
 *
 */

/* HTML TAG STYLES */

    /* Resetting the browser defaults */

    * {
        margin:0;
        padding:0;
    }

    html, body, td, th, form, input, textarea, select, fieldset, button {
        font:<?=$this->param(_Core::FONT)?>;
    }

    body, html {
        height:100%;
    }

    /* Set the starting font size to 12px */

    body {
        /*font: 12px Georgia, verdana, sans-serif;*/
        background-color:#f9f9f9;
    }

    /* Form field text-scaling */

    select, input, textarea {
    }

    /* Neutralize vertical margins */

    h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
        margin: 0px;
        /*padding: 10px;*/
    }

    /* Styles for headings */

    h1, h2, h3, h4, h5, h6 {
        text-align:left;
        color:<?=$this->param(_Core::COLOR_HEADER)?>;
        margin:10px 0;
    }

    /* Apply left margin only to the few elements that need it */

    li, blockquote, dd {
        margin-left: 1.7em; padding:0;
    }

    ol li {
        margin-left:2em;
    }

    form {
        clear:both;
    }

    pre {
        font: 11px monospace;
    }

    /* Miscellaneous conveniences */

    fieldset {
        border: none;
        margin: 10px 0 10px 0;
        padding: 0px 0 10px 0;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
    }

    fieldset legend {
        padding: 10px 20px;
        margin-left: -2px;
        font-weight: bold;
        color: #CC3333;
    }

    abbr, acronym{
        border-bottom:1px dotted #ccc;
        font-variant:small-caps;
        cursor:help;
    }

    a {
        color:<?=$this->param(_Core::COLOR_LINK)?>;
    }

    a:hover {
        text-decoration:none;
    }

    h1 {
        font-size:36px;
        margin:10px 20px 5px 20px;
    }

    h1.error {
        color:#CC3333;
    }

    h3 {
        font-size:14px;
    }

    img {
        border:none;
    }

    hr {
        border: 0;
        height: 1px;
        color: #ffffff;
        padding: 0;
        border-bottom: 1px dotted #666666;
        margin: 10px 0;
    }

    .button {
        padding:1px 4px 1px 4px;
        /*border:1px solid #17A;*/
        border-width:1px;
        color:white;
        background-color:<?=$this->param(_Core::COLOR_BUTTON)?>;
        cursor:pointer;
    }

    .more {
        padding:0 0 0 0;
        border:none;
        color:<?=$this->param(_Core::COLOR_LINK)?>;
        background-color:#f9f9f9;
    }

    input.flag {
        vertical-align:top;
    }

    /* Highlighting the rows on input focus */

    .ctrl.focused {
        background-color: #FFFCDF;
        border: 1px solid #EFE795;
        border-width: 1px 0; /*padding: 6px 4px;*/
    }

    img.flag {
        display:inline;
        margin-top:4px;
    }

    img.arrow {
        vertical-align:baseline;
    }

    optgroup option {
        text-indent:20px;
    }


/* END HTML TAG STYLES */


/* SITE STRUCTURE STYLES */

    div#border {
        width:<?=$this->param(_Core::WIDTH)?>px;
        background-color:white;
        border-left:1px solid gray;
        border-right:1px solid gray;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -36px; /* the bottom margin is the negative value of the footer's height */
    }

    div#content p, h2, ol, pre, ul, h3 {
        margin:20px;
    }

    div#content p.hint  {
        color: #999;
        margin: 2px 0 0 0;
        /*padding: 3px 0;*/
        font-size: 10px;
    }

    .footer {
        font-size:11px;
        width:<?=$this->param(_Core::WIDTH) - 40?>px;
        background-color: #f9f9f9;
        border-top: 1px solid #ccc;
        margin: 0 auto 0 auto;
        padding:12px 20px 0 20px;
        height: 23px;
    }

    .footer div {
        /*line-height:28px;*/
    }

    .footer img {
        display:inline;
        vertical-align:-3px;
        margin-top:-4px;
        /*margin-left:5px;*/
    }

    .push {
        height: 70px;
    }

    div.menu {
        background-color: #f9f9f9;
        border-bottom: 1px solid #ccc;
        margin: 0 0 0 0;
        padding:10px 20px 10px 20px;
        height:15px;
    }

    div.left {
        float:left;
    }

    div.right {
        float:right;
    }

    div.route {
        margin-left:20px;
        margin-right:20px;
        height:15px;
    }

    div.route:after {
        content:" ";
        display:block;
        clear:both;
    }


/* END SITE STRUCTURE STYLES */



/* MESSAGE STYLES */


    /* Success Messages */

    div#messageMsg {
        background: #dfffdf;
        border: 1px solid #7ddf7d;
        border-width: 1px 0;
        margin: 20px 0 10px 0;
        padding: 10px 20px 10px 20px;
    }

    div#messageMsg h3 {
        margin-top: 0px;
        color: #33CC33;
    }

    div#messageMsg ol {
        margin: 0;
        padding: 0;
        color: #33CC33;
    }

    div#messageMsg ol li {
        margin: 0;
        padding: 2px;
        list-style-position: inside;
        position: relative;
    }

    div#messageMsg ol li a {
        color: #33CC33;
    }

    /* Error Messages */

    div#errorMsg {
        background: #ffdfdf;
        border: 1px solid #df7d7d;
        border-width: 1px 0;
        margin: 20px 0 10px 0;
        padding: 10px 20px 10px 20px;
    }

    div#errorMsg h3 {
        margin-top: 0px;
        color: #CC3333;
    }

    div#errorMsg ol {
        margin: 0;
        padding: 0;
        color: #CC3333;
    }

    div#errorMsg ol li {
        margin: 0;
        padding: 2px;
        list-style-position: inside;
        position: relative;
    }

    div#errorMsg ol li a {
        color: #CC3333;
    }

/* END MESSAGE STYLES */


/* FORM STYLES */

    table.form {
        width: 100%;
        background-color: #f9f9f9;
        table-layout:fixed;
    }

    table.form td, th {
        padding: 10px;
        vertical-align: top;
        text-align: left;
    }

    table.form th {
        width: 110px;
        text-align:right;
    }

    table.form th.required {
        width: 10px;
        padding-top: 13px;
        padding-left: 0px;
        padding-right: 0px;
    }

    table.form td .textInput {
        width:<?=$this->param(_Core::TEXTWIDTH)?>;
    }

    table.form td textarea {
        width:<?=$this->param(_Core::TEXTWIDTH)?>;
    }

    input.radio {
        margin:0;
        margin-top:1px;
        float:left;
    }

    input.check {
        margin:0;
        margin-top:1px;
        float:left;
    }

    table.form select.icon-menu {
        width:200px;
    }

    table.form select.icon-menu option {
        background-repeat:no-repeat;
        background-position:center left;
        padding-left:20px;
    }

    table.form tr.error {
        background: #ffdfdf;
        border: 1px solid #df7d7d;
        border-width: 1px 0;
        position: relative;
    }

    table.form tr.error td, tr.error th {
        background: #ffdfdf;
        border: 1px solid #df7d7d;
        border-width: 1px 0;
    }

    div.buttons {
        background: #f9f9f9;
        border: 1px solid #ccc;
        border-width: 1px 0;
        margin: 20px 0 0 0;
        padding: 10px 80px 10px 140px;
    }

/* END FORM STYLES */


/* LIST TABLE STYLES */

    table.list {
        width:100%;
        border-bottom: 1px solid #ccc;
        border-collapse:collapse;
    }

    table.list tr.ctrl {
        background-color:#f9f9f9;
    }

    table.list tr.ctrl.focused, table.list tr.ctrlsub.focused {
        background-color: #FFFCDF;
        border: 1px solid #EFE795;
        border-width: 1px 0;
    }

    table.list td, table.list th {
        padding:6px;
        white-space:nowrap;
    }

    table.list th {
        text-align:left;
        background-color:white;
        white-space:nowrap;
        border-bottom: 1px solid #ccc;
    }

    table.list th img {
    }

    table.list td.html p {
        margin-left:0 !important;
        margin-top:0 !important;
    }

    table.list th.checkbox, table.list td.checkbox {
        width:1px;
        border-left:none;
    }

    table.list th.buttons, table.list td.buttons {
        width:1%;
        border-right:none;
        white-space:nowrap;
    }

    table.list td {
        border:1px solid #ccc;
    }

    table.list td img.thumbnail {
        display:block;
    }

    .narrow {
        width:1%;
    }

    table.list td.translation {
        padding-top:8px;
    }

    table.list tr.ctrlsub {
        background-color:#fefefe;
    }

    table.list tr.ctrlsub td img {
        margin-right:4px;
        float:left;
    }

/* END LIST TABLE STYLES */


/* SETTINGS STYLES */


    table.settings {
        width:100%;
        background-color: #f9f9f9;
    }

    table.settings th {
        border:none;
        padding: 10px;
        text-align: left;
        vertical-align:middle;
    }

    table.settings th.narrow {
        width:1%;
    }

    table.settings th.flag {
        width:1%;
        padding:0px;
        padding-top:3px;
    }

    table.settings th.flag img {
    }


/* END SETTINGS STYLES */


/* TOP BAR LIST STYLES */

    div.ctrl {
        clear:both;
        background: #f9f9f9;
        border: 1px solid #ccc;
        border-width: 1px 0;
        margin: 10px 0 20px 0;
        padding: 10px 20px 10px 20px;
    }

    div.ctrl input.query {
        width:60px;
    }

    select.panel, input.panel {
        width:60px;
    }

/* END TOP BAR LIST STYLES */


/* HELP PAGE STYLES */

    #help {
        line-height:19px;
        padding:20px;
    }
    #help h1, #help h2, #help h3 {
        margin-left:0 !important;
        padding-left:0 !important;
        margin-top:0px;
    }

    /*#help p {*/
        /*margin-left:20*/
    /*}*/

/* END HELP PAGE STYLES */